{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_feedback.css"> 
{% endblock %} 

{% block js %}
<script src="{{site.static}}/js/personal/feedback.js"></script>
{% endblock %} 

{% block content %} 
    {% block header%} 
        {% set pageHeaderConf = {pageTitle: __("feedback_page_title"),level:2} %} 
        {%include "../_base/page_header.html"%} 
    {% endblock %}
<div class="eui-main-container feedback-main-container eui--white-bacg">
    <form action="" class="eui-form eui--margin-t-20">
        <div class="eui-form-group">
            <div class="eui-form-control eui--margin-t-0 eui--border-b-none">
                <input type="text" class="eui-input eui--width-100 eui--font-26" placeholder="{{__('feedback_input_tips_1')}}">
            </div>
        </div> 
        <div class="eui-form-group">
            <div class="eui-form-control eui--margin-t-0">
                <textarea class="eui-textarea" rows="" cols="" placeholder="" value="">{{__("service_human_question_desc_input_tips")}}</textarea>
                <span class="word-num eui--font-24">0/100</span>
            </div>
        </div>
        <div class="eui-form-group icon-group" id="icon_group">
            <span class="eui-icon eui--display-i-b eui-icon-smile active"></span>
            <span class="eui-icon eui--display-i-b eui-icon-photo"></span>            
        </div>  
        <div class="eui-form-group other-from-group">
            <ul class="emoji-list" id="emoji_list">
                {% for i in range(1, 46) -%}
                    {% if(i % 11 === 0) %}
                    <li class="eui--display-i-b eui-emoji eui--margin-r-0"><img src="{{site.cdn}}/emoji/{{ i }}.gif" alt="" class="eui-emoji-img eui--wdith-100"></li>                
                    {% elseif(i > 44 ) %}
                    <li class="eui--display-i-b eui-emoji eui--margin-b-0"><img src="{{site.cdn}}/emoji/{{ i }}.gif" alt="" class="eui-emoji-img eui--wdith-100"></li>
                    {% else %}
                    <li class="eui--display-i-b eui-emoji"><img src="{{site.cdn}}/emoji/{{ i }}.gif" alt="" class="eui-emoji-img eui--wdith-100"></li>
                    {% endif %}
                {%- endfor %}              
            </ul>
        </div> 
        <div class="eui-form-group other-from-group eui--hide">
            <div class="eui-form-control eui--clearfix">
                <div class="preview-img-wrap">
                    <div class="preload-img delete-btn"></div>
                    <img src="{{site.cdn}}/test-question-img-01.jpg" alt="" class="preview-img">
                </div>
                <div class="preview-img-wrap">
                    <div class="preload-img delete-btn"></div>
                    <img src="{{site.cdn}}/test-question-img-02.jpg" alt="" class="preview-img">
                </div>
                <div class="preview-img-wrap">
                    <div class="preload-img"></div>
                    <img src="" alt="" class="preview-img">
                </div>
            </div>
        </div> 
        <div class="eui-form-group footer-form-group eui--text-center eui--font-26 ">
            <label class="eui-label eui--black-color">Email:</label>
            <input type="text" class="eui--font-26 eui--949494-color" placeholder="{{__('feedback_input_tips_3')}}">
        </div>  
        <a href="javascript:;" class="eui-btn eui-btn-lg eui-btn-primary">{{__("btn_submit")}}</a>                    
    </form>
</div>
{% endblock %}
